<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>畅利科技</title>
    <link rel="stylesheet" href="./css/catagory.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./download/font_3816101_w170a8nuy8q/iconfont.css">
</head>
<body>
    <header>
        <div class="nav">
            <div class="logo">
                <img src="./images/index/logo.png" alt="">
                <b><a href="">畅利科技</a></b>
            </div>
            <ul class="nav_left">
                <li>
                    <a href="./index.html" class="aa">首页</a>
                    <p class="cii"></p>
                </li><span>/</span>
                <li>
                    <a href="./category.html" style="color: #1a6cff;" class="aa">公司介绍</a>
                    <p class="cii"></p>
                </li><span>/</span>
                <li>
                    <a href="./imp_pro.html" class="aa">重点项目</a>
                    <p class="cii"></p>
                </li><span>/</span>
                <li>
                    <a href="./lianxi.html" class="aa">联系我们</a>
                    <p class="cii"></p>
                </li>
            </ul>
        </div>
    </header> 
    <div class="banner">
        <img src="./images/category/banner.jpg" alt="">
        <div class="bb_box">
            <div><span class="icon-qiyemenhu"></span> &nbsp;&nbsp; 公司文化</div>
            <div><span class="icon-fuwu"></span> &nbsp;&nbsp; 服务类型</div>
        </div>
    </div>  
    <!-- 关于杭州畅利  -->
    <div class="content">
        <div class="top1">
            <div class="English">PARTFNAIRE</div>
            <div class="title">关于畅利科技</div>
        </div>
        <div class="con">
            <div class="con-left" style="width: 486px;">
                <div class="con_en">COMPANY PROFILE</div>
                <h3>公司简介</h3>
                <p class="line">__________________________________</p>
                <div class="contain">
                    <b style="color: #4d5cff;font-size: 20px;text-indent: 2em;">杭州畅利科技有限公司</b>
                    <span>创立于2009年</span>
                    <span>投资项目全过程管理系统 进一步优化营商环境的需要。全面深入推进“最多跑一次”改革，加速项目推进，扩大有效投资，适应政府改革的需要。结合全省数字化改革的契机，在数字政府和数字经济应用领域争创最佳案例。</span>
                    <p style="height: 15px;"></p>
                    <p>
                        我们的优势</br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;01. 公司文化</br>
                        重点解决项目落地难问题，避免项目决策的盲目性.重点解决项目审批提速问题。重点解决项目推进慢等问题。重点解决项目绩效差问题。在全省数字化改革的“152”工作体系中，构建多跨协同的多场景应用。资金全过程涉及发改、财政、公共资源交易中心、审计等多个管理部门。
                    </p> 
                    <p style="height: 15px;"></p>
                    <span>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;02. 服务类型</br>
                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 适应全省数字化改革的新要求、把握城市大脑新机遇、秉承“全流程项目管理”新理念，以全流程管理为设计导向，创新打造投资项目全过程管理系统。通过系统对项目推进实行全过程监管，全面掌握项目进度，对项目遇到的问题通过系统进行交办、督办，强化部门间协调处理问题的主动性和协同性，保障项目建设高效推进。
                    </span>
                </div>
            </div>    
            <div class="con-right">
                <img src="./images/category/1.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 发展历程 -->
    <div class="dev_history">
        <div class="English" style="color: #3b4b5a;">HISTORY</div>
        <div class="title" style="color: #fff;margin-bottom: 30px;">发展历程</div>
        <p style="color: #fff;font-size:14px;text-align:center;font-weight:700">于2009年成立，起源于数字化管理平台，致力于发展智能终端平台，经历了严苛的稳定性测试，在复杂多变的体系下渐渐发展并成长。</p>
        <div class="timeBox">
            <ul class="timeUl">
                <li>
                    <div class="time">2009.11</div>
                    <div class="about about1"></div>
                    <div class="bt-time">2009.11</div>
                    <div class="detail detail1">滨江区投资项目审批及监察系统研发</div>
                </li>
                <li>
                    <div class="time">2014.02</div>
                    <div class="about about2"></div>
                    <div class="bt-time">2014.02</div>
                    <div class="detail detail2">衢州市重点办软件系统研发</div>
                </li>
                <li>
                    <div class="time">2017.10</div>
                    <div class="about about3"></div>
                    <div class="bt-time">2017.10</div>
                    <div class="detail detail3">富阳区项目管理系统一期</div>
                </li>
                <li>
                    <div class="time">2018.10</div>
                    <div class="about about4"></div>
                    <div class="bt-time">2018.10</div>
                    <div class="detail detail4">通州区发改委项目管理系统研发</div>
                </li>
                <li>
                    <div class="time">2021.05</div>
                    <div class="about about5"></div>
                    <div class="bt-time">2021.05</div>
                    <div class="detail detail5">萧山区投资项目全过程管理项目顺利上线运行</div>
                </li>
                <li>
                    <div class="time">2021.06</div>
                    <div class="about about6"></div>
                    <div class="bt-time">2021.06</div>
                    <div class="detail detail6">余杭区政府投资项目数字化管理平台研发</div>
                </li>
                <li>
                    <div class="time">2022.08</div>
                    <div class="about about7"></div>
                    <div class="bt-time">2022.08</div>
                    <div class="detail detail7">当涂县全生命周期管理系统完成招标，11月上线试运行。</div>
                </li>
                <li>
                    <div class="time">2022.09</div>
                    <div class="about about8"></div>
                    <div class="bt-time">2022.09</div>
                    <div class="detail detail8">诸暨市公共投资项目全生命周期管理系统试运行</div>
                </li>
                <li>
                    <div class="time">2022.10</div>
                    <div class="about about9"></div>
                    <div class="bt-time">2022.10</div>
                    <div class="detail detail9">金华经济技术开发区经济发展局项目管理系统终验</div>
                </li>
                <li>
                    <div class="time">2022.11</div>
                    <div class="about about10"></div>
                    <div class="bt-time">2022.11</div>
                    <div class="detail detail10">淳安县项目全生命周期管理系统上线试运行。</div>
                </li>
                <li>
                    <div class="time">2022.12</div>
                    <div class="about about11"></div>
                    <div class="bt-time">2022.12</div>
                    <div class="detail detail11">洞头区投资项目作战指挥系统完成招标</div>
                </li>
            </ul>
        </div>
    </div>
    <!-- hover变样式的图片 -->
    <div class="pictrue">
        <div class="pic pic1">
            <div class="icon">
                <span class="icon-aixinjuanzeng" style="font-size: 46px;"></span>
            </div>
            <b class="b1">MISSION</b>
            <div class="word">畅利使命</div>
            <div class="text">用信息技术推动最佳项目管理,为客户创造价值、成就员工、回报投资者,推动社会进步!</div>
        </div>
        <div class="pic pic2">
            <div class="icon">
                <span class="icon-ictechcal" style="font-size: 46px;"></span>
            </div>
            <b class="b1">TECHNICAL</b>
            <b class="b2">SUPPORT</b>
            <div class="word2">技术支持</div>
            <div class="text2">成为一家专注于项目管理信息化、不断自我迭代更新、健康成长的公司!</div>
        </div>
    </div>
     <!-- 尾部 -->
     <div class="footer">
        <div class="footer-bx">
            <div class="fl-item1">
                <b>公司介绍</b>
                <ul>
                    <li><a href="./category.html">公司文化</a></li>
                    <li><a href="./category.html">发展历程</a></li>
                </ul>
            </div>
            <div class="fl-item1">
                <b>重点项目</b>
                <ul>
                    <li><a href="./imp_pro.html">服务类型</a></li>
                    <li><a href="./index.html">合作客户</a></li>
                </ul>
            </div>
            <div class="fl-item1">
                <b>联系我们</b>
                <ul>
                    <li><a href="./lianxi.html">联系我们</a></li>
                </ul>
            </div>
            <div class="fl-item1">
                <b>杭州畅利科技有限公司</b>
                <ul>
                    <li>
                        地址：杭州市拱墅区东新路533号
                    </li>
                    <li>电话：+0571-87091509</li>
                    <li>邮箱：yuxj@hz.cn</li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p style="margin-left: 300px;">Copyrighte2017-2022 &nbsp; 杭州畅利科技有限公司 &nbsp; 浙ICP备2022034547号</p>
        </div>
        <div class="fixd">
            <div class="phone2">
                <span class="icon-dianhua-yuankuang" style="font-size:40px;vertical-align: middle;"></span>
                +0571-87091509
            </div>
            <p class="line2">_________________</p>
            <div class="display">464651661646</div>
        </div>
    </div>
</body>
<script>
    var oli=document.querySelectorAll(".timeUl li");
    var detail =document.querySelectorAll(".detail");
    var time =document.querySelectorAll(".time");
    var bt_time =document.querySelectorAll(".bt-time");
    // 动画
    let top1 = document.querySelector('.top1');
    let con = document.querySelector('.con');

    time[5].style.top="28px";
    bt_time[5].style.display="none";
    detail[5].style.bottom="-100px";
    for(let i=0;i<oli.length;i++){
        oli[i].onmouseover=function(){
            for(let i of time){
                i.style.top='-100px';
            }
            time[i].style.top='28px';
            for(let i of bt_time){
                i.style.display='block';
            }
            bt_time[i].style.display='none';
            for(let i of detail){
                i.style.bottom='-300px';
            }
            detail[i].style.bottom='-100px';
        }
    }

    document.addEventListener('scroll', function () {
            if (window.scrollY > 0) {
                top1.style.top = '0px'
                con.style.top = '10px'
            }
    })
    var aa =document.querySelectorAll(".aa");
    var cii =document.querySelectorAll(".cii");
    for(let i=0;i<aa.length;i++){
        aa[i].onmouseover=function(){
            for(let i of cii){
                i.style.bottom='-38px';
                i.style.opacity=0
            }
            cii[i].style.bottom='-12px';
            cii[i].style.opacity=1
        }
    }
    for(let i=0;i<aa.length;i++){
        aa[i].onmouseleave=function(){
            for(let i of cii){
                i.style.bottom='-12px';
                i.style.opacity=0
            }
            cii[i].style.bottom='-38px';
            cii[i].style.opacity=0
        }
    }
</script>
</html>